body {
  color: #333;
font-family: 'Microsoft Yahei', Arial;
}
body,
ul,
ol,
li,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
img,
span,
input,strong{
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: 'Microsoft Yahei', Arial;
}
a {
  color: #333;
  text-decoration: none;
 font-family: 'Microsoft Yahei', Arial;
}
a:focus {
  outline: 0;
}
img {
  border: none;
}
.vam {
  vertical-align: middle;
}
.clear {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}
p {
  word-spacing: 0;
  font-family: 'Microsoft Yahei', Arial;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Microsoft Yahei";
}
i,
em {
  font-style: normal;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
.center {
  text-align: center;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.pa {
  position: absolute;
}
.pr {
  position: relative;
}
.clearfix:after {
  content: "";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
.content {
  width: 1200px;
  margin: 0 auto;
}
.pic img,
.picl img,
.pics img {
  -webkit-transition: -webkit-transform 0.8s;
  -moz-transition: -moz-transform 0.8s;
  -o-transition: -o-transform 0.8s;
  transition: transform 0.8s;
}
.pic img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.picl img:hover {
  -moz-transform: translate(0, 5px);
  -webkit-transform: translate(0, 5px);
  -ms-transform: translate(0, 5px);
  -o-transform: translate(0, 5px);
}
.pics img:hover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.white,
.whites {
  position: relative;
  overflow: hidden;
}
.white:after,
.whites:after {
  content: '';
  cursor: pointer;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  transform: skewx(-25deg);
}
.white:hover:after {
  left: 100%;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
.whites:hover:after {
  left: 100%;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
body {
  min-width: 1200px;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow-x: hidden;
}
i,
em {
  font-style: normal;
}
.content {
  width: 1200px;
  margin: 0 auto;
  font-family: "Microsoft Yahei";
}
input,
textarea,
option,
select {
  font-family: "Microsoft Yahei";
}
input::-webkit-input-placeholder {
  color: #999;
  font-family: "Microsoft Yahei";
  font-size: 14px;
  text-transform: capitalize;
}
input::-moz-placeholder {
  color: #999;
  font-family: "Microsoft Yahei";
  font-size: 14px;
  text-transform: capitalize;
}
input:-moz-placeholder {
  color: #999;
  font-family: "Microsoft Yahei";
  font-size: 14px;
  text-transform: capitalize;
}
input:-ms-input-placeholder {
  color: #999;
  font-family: "Microsoft Yahei";
  font-size: 14px;
  text-transform: capitalize;
}
@keyframes myfirst {
  0% {
    background-position: 0 bottom;
  }
  100% {
    background-position: 100% bottom;
  }
}
.line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clear {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.links{display:block!important;}

.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit span{display:block;font-size: 46px;color: #1a1a1a;line-height: 46px;}
.tit i{display:block;font-size:18px;font-family:Arial;font-weight:400;margin-top: 18px;position: relative;line-height: 18px;text-transform: uppercase;color: #999999;letter-spacing: 4px;}


/*banner*/
.banner {
  height: auto;
  max-width: 1920px;
  margin: 0 auto!important;
  position: relative;
  margin-top: -34px;
}
.banner .bd li {
  float: left;
  width: 100%;
  line-height: 0;
}
.banner .bd li img {
  width: 100%;
}
.banner .bd li a {
  display: block;
}
.banner .hd {
  z-index: 1;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 8%;
  cursor: pointer;
}
.banner .hd li {
  width: 10px;
  height: 10px;
 border: 2px solid #fff;
  display: inline-block;
  margin: 0 5px;
  border-radius: 13px;
  background: #fff;
  box-sizing: border-box;vertical-align: middle;
}
.banner .hd li.on {
   width: 12px;
  height: 12px;
 background: 0;
 vertical-align: middle;
}
.banner .prev {
  position: absolute;
  top: calc(45% - 35px);
  left: 0%;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  transition: all 0.5s linear;
}
.banner .next {
  position: absolute;
  top: calc(45% - 35px);
  right: 0%;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  transition: all 0.5s linear;
}
.banner:hover .prev {
  opacity: 1;
  left: 6%;
}
.banner:hover .next {
  opacity: 1;
  right: 6%;
}



.search{height: 70px;border-bottom: 1px solid #ededed;box-sizing: border-box;}
.search p{float: left;height: 70px;line-height: 70px;font-size: 14px;color: #666666;}
.search p b{ color: #4c4c4c;float: left;font-weight: normal;padding-left: 30px;background: url(../image/hot.png) no-repeat left;}
.search p a{ font-size:14px ;display: block;float: left;color: #4c4c4c;line-height: 70px;margin-right: 14px;}
.search p a:hover{color: #00915a;}
.s_box{
        float: right;
        width: 356px;
        height: 36px;
        background: #fff;
        margin-top: 18px;
        border-radius: 25px;
        position: relative;
    }
    
.s_box:before,
.s_box:after {
        content: '';
        position: absolute;
        width: 80%;
        height: 1px;
        background: #e3e3e3;
        left: 10%;
        z-index: 0;
    }
    
.s_box:before {
        top: 0;
    }
    
.s_box:after {
        bottom: 0;
    }
    
.s_box .input1 {
        width: 249px;
        height: 34px;
        line-height: 34px;
        color: #999999;
        border: 1px solid #e3e3e3;
        border-right: 0;
        padding: 0 20px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        float: left;
    }
    
.s_box .input2{
        width: 66px;
        height: 36px;
        border: 0;
        border-radius: 25px;
        background: url(../image/sea.png) no-repeat center #4d4d4d;
        float: right;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }

.yz{ padding-top: 60px;box-sizing: border-box;height: 570px;background: url(../image/yz_bg.jpg) no-repeat center;}
.yz .content{ position: relative; }
.yz .lines{ position: absolute;left: -84px;top:-60px;width:13px;height: 0;background: url(../image/yz_line.png) no-repeat center;transition: height ease-in-out .5s; -o-transition: height ease-in-out .5s } 
.yz .show{ height: 246px; }

.yz dt{ float: right;width: 633px;height: 451px;display: block;overflow: hidden; margin-right: -80px;position: relative;}
.yz dt img{ display: block;width: 633px;height: 451px;transition: all 0.5s }
.yz dt em{ position: absolute;font-size: 100px;font-family: Arial;line-height: 100px;color: #008753;font-weight: bold;left:78px;top:290px; }
.yz dd{ float: left;width: 600px; }
.yz dd h3{ display: block;font-size: 46px;font-weight: normal;line-height: 46px;color: #008753;padding: 90px 0 0; font-family: 'Microsoft Yahei', Arial; } 

.yz dd p{ font-size: 14px;line-height: 32px;color: #333;margin-top: 44px; }


.pro1{ padding-top: 90px;background: url(../image/pro1_bg.jpg) no-repeat center;box-sizing: border-box;height: 840px;box-sizing: border-box; }
.pro1_con{ margin: 60px 0 0 255px; }
.pro1_con dt{ padding-left: 318px;background: url(../image/pro_ic1.png) no-repeat 216px 2px; }
.pro1_con dt b{ display: block;font-size: 16px;color: #008753;font-weight: bold;line-height: 16px; }
.pro1_con dt a{display: block;font-size: 34px;color: #000000;line-height: 34px; padding-top: 20px;}
.pro1_con dd{ padding-left: 318px; }
.pro1_con dd p{display: block;font-size: 15px;color: #1a1a1a;line-height: 30px; padding-top: 23px;letter-spacing: -0.8px;}
.pro1_con dd .more{ width: 100px;height: 30px;border:1px solid #008753;box-sizing: border-box;margin-top: 23px; font-size: 14px;color: #333333;line-height: 30px;font-family: Arial; display:block;transition: all 0.3s; text-align: center;}
.pro1_con dd .more:hover{ background: #008753;color: #fff;}
.pro1_con ul{ margin-top: 50px; }
.pro1_con ul li{ float: left;width: 307px;margin-right: 12px; }
.pro1_con ul li i{ width: 307px;height: 230px;display: block;overflow: hidden; }
.pro1_con ul li img{ width: 307px;height: 230px;display: block; transition: all 0.5s;}
.pro1_con ul li:hover img{ transform:scale(1.05); }
.pro1_con ul li:last-child{margin-right: 0;}
.pro1_con ul li span{ display: block;width: 100%;height: 48px;border:1px solid #e5e5e5;line-height: 48px;border-top: 0;line-height: 48px;font-size: 16px;color: #4c4c4c;text-align: center;overflow: hidden; transition: all 0.3s;background: #fff;}
.pro1_con ul li:hover span{ height: 80px;line-height: 80px;background: url(../image/pro_yuan.png) no-repeat 239px 28px #008753;line-height: 80px;color: #fff;border:0;margin-top: -32px; position: relative;z-index: 50;}
.pro1_con ul li:nth-child(2n):hover  span{ font-size: 16px;line-height: 25px;padding-top: 14px;height: 80px;box-sizing: border-box; }


.pro2{ padding-top: 80px;background: url(../image/pro2_bg.jpg) no-repeat center;box-sizing: border-box;height: 720px;box-sizing: border-box; }
.pro2_con dl{ margin: 0px 0 0 216px; }
.pro2_con dt{ padding-left: 103px;background: url(../image/pro_ic2.png) no-repeat 0 2px; }
.pro2_con dt b{ display: block;font-size: 16px;color: #008753;font-weight: bold;line-height: 16px; }
.pro2_con dt a{display: block;font-size: 34px;color: #000000;line-height: 34px; padding-top: 20px;}
.pro2_con dd{ padding-left: 103px; width: 555px;}
.pro2_con dd p{display: block;font-size: 15px;color: #1a1a1a;line-height: 30px; padding-top: 23px;}
.pro2_con dd .more{ width: 100px;height: 30px;border:1px solid #008753;box-sizing: border-box;margin-top: 23px; font-size: 14px;color: #333333;line-height: 30px;font-family: Arial; display:block;transition: all 0.3s; text-align: center;}
.pro2_con dd .more:hover{ background: #008753;color: #fff;}
.pro2_con ul{ margin-top: 50px; }
.pro2_con ul li{ float: left;width: 307px;margin-right: 11px; }
.pro2_con ul li i{ width: 307px;height: 230px;display: block;overflow: hidden; }
.pro2_con ul li img{ width: 307px;height: 230px;display: block; transition: all 0.5s;}
.pro2_con ul li:hover img{ transform:scale(1.05); }
.pro2_con ul li:last-child{margin-right: 0;}
.pro2_con ul li span{ display: block;width: 100%;height: 48px;border:1px solid #e5e5e5;line-height: 48px;border-top: 0;line-height: 48px;font-size: 16px;color: #4c4c4c;text-align: center;overflow: hidden; transition: all 0.3s;background: #fff;}
.pro2_con ul li:hover span{ height: 80px;line-height: 80px;background: url(../image/pro_yuan.png) no-repeat 239px 28px #008753;line-height: 80px;color: #fff;border:0;margin-top: -32px; position: relative;z-index: 50;}

.pro3{ padding-top: 80px;background: url(../image/pro3_bg.jpg) no-repeat center;box-sizing: border-box;height: 720px;box-sizing: border-box; }
.pro3_con{ margin: 0 0 0 255px; }
.pro3_con dt{ padding-left: 318px;background: url(../image/pro_ic3.png) no-repeat 216px 2px; }
.pro3_con dt b{ display: block;font-size: 16px;color: #008753;font-weight: bold;line-height: 16px; }
.pro3_con dt a{display: block;font-size: 34px;color: #000000;line-height: 34px; padding-top: 20px;}
.pro3_con dd{ padding-left: 318px; }
.pro3_con dd p{display: block;font-size: 15px;color: #1a1a1a;line-height: 30px; padding-top: 23px;letter-spacing: -0.8px;}
.pro3_con dd .more{ width: 100px;height: 30px;border:1px solid #008753;box-sizing: border-box;margin-top: 23px; font-size: 14px;color: #333333;line-height: 30px;font-family: Arial; display:block;transition: all 0.3s; text-align: center;}
.pro3_con dd .more:hover{ background: #008753;color: #fff;}
.pro3_con ul{ margin-top: 50px; }
.pro3_con ul li{ float: left;width: 307px;margin-right: 12px; }
.pro3_con ul li i{ width: 307px;height: 230px;display: block;overflow: hidden; }
.pro3_con ul li img{ width: 307px;height: 230px;display: block; transition: all 0.5s;}
.pro3_con ul li:hover img{ transform:scale(1.05); }
.pro3_con ul li:last-child{margin-right: 0;}
.pro3_con ul li span{ display: block;width: 100%;height: 48px;border:1px solid #e5e5e5;line-height: 48px;border-top: 0;line-height: 48px;font-size: 16px;color: #4c4c4c;text-align: center;overflow: hidden; transition: all 0.3s;}
.pro3_con ul li:hover span{ height: 80px;line-height: 80px;background: url(../image/pro_yuan.png) no-repeat 239px 28px #008753;line-height: 80px;color: #fff;border:0;margin-top: -32px; position: relative;z-index: 50;}

.pro4{padding: 80px 0 100px;overflow-x: hidden;position: relative;background: #ededed;}
.pro4 h2 a{ display: block;font-size: 34px;font-weight: normal;line-height: 34px;color: #000000;text-align: center;position: relative; }
.pro4 h2 a:after{ position: absolute;left: 50%;height: 4px;top:55px;width: 135px;background:url(../image/pro_line.png) no-repeat center;content: ""; margin-left: -67px;}
.pro4_con{ margin-top: 68px;position: relative;}
.pro4_con dl{float: left;width: 285px;margin-right: 20px;position: relative;}
.pro4_con dt{height: 214px;overflow: hidden;}
.pro4_con dt img{width: 285px;height: 214px;transition: all 0.5s;}
.pro4_con dl:hover img{transform: scale(1.05);}
.pro4_con dd{height: 270px;background: #fff;width: 285px;padding: 42px 35px 0;box-sizing: border-box;border:1px solid #e5e5e5;border-top: 0;position: relative;}
.pro4_con dd:after{ position: absolute;left: 0;height: 0;bottom: 0;width: 285px;background:#008753;content: "";  transition: all 0.6s;}
.pro4_con dl:hover dd{ border:0; }
.pro4_con dl:hover dd:after{  height: 270px;}
.pro4_con dd h3 a{font-size: 22px;color: #1a1a1a;line-height: 22px;font-weight: normal;position: relative;z-index: 3;}
.pro4_con dd p{font-size: 15px;color: #4c4c4c;line-height: 28px;margin-top: 18px;height: 122px;position: relative;z-index: 3;}
.pro4_con dd .more{display: block;width:24px;height: 24px;background: url(../image/pro_yuanh.png) no-repeat center;position: relative;z-index: 3;}
.pro4_con dl:hover .more{background: url(../image/pro_yuan.png) no-repeat center;}
.pro4_con dl:hover h3 a,.pro4_con dl:hover p{ color: #fff;}
.pro4_con .sprev{ position:absolute; left:-74px; top:192px; width:50px;height:50px; z-index: 100;cursor: pointer;background: url(../image/sprev.png) no-repeat center;}
.pro4_con .snext{ position:absolute; right:-74px; top:192px;  width:50px;height:50px; z-index: 100;cursor: pointer;background: url(../image/snext.png) no-repeat center;}
.pro4_con .sprev:hover{ background: url(../image/sprevh.png) no-repeat center;}
.pro4_con .snext:hover{ background: url(../image/snexth.png) no-repeat center;}



.xad{ height: 190px;background: url(../image/xad_bg.jpg) no-repeat center;}
.xad_l{ float: left;width: 802px;box-sizing: border-box; }
.xad h3{ display: block;font-weight: normal;padding-top: 72px; font-size: 34px;line-height: 34px;color: #fff; position:relative; }

.xad h3 span{ display: inline-block;font-weight: bold;margin-left: 45px;}

.xad h4{ display: block;font-size:18px;line-height: 18px;color: #ffffff;padding-top: 20px;font-weight: normal;}
.xad_r{margin-top:116px;float: left; width: 398px;}
.xad_r p{ float: left;transition: all 0.5s; }

.xad_r p strong {display: block;font-size: 28px;color: #ffffff;line-height: 100%;/* margin-top: 6px; */font-family: Arial;}
.xad .more{ display: block;width: 200px;background: #008753;border: 1px solid #008753;border-radius: 22px;-o-transition: all .3s ease;transition: all .3s ease;text-align: center;font-size: 16px;font-weight: 400;line-height: 38px;height: 38px;color: #fff;overflow: hidden;float: right;}
.xad .more img {display: inline-block;width: 22px;margin-right: 8px;vertical-align: -5px;-o-transition: all .3s ease;transition: all .3s ease;padding-bottom: 6px;}
.xad .more:hover img { margin-right: 12px }
.xad .more span{display: inline-block;font-size: 16px;
        color: #ffffff;font-weight: 400;margin-left: 4px;-o-transition: all .3s ease;transition: all .3s ease;line-height: 38px;}

.case{ padding-top: 90px; } 
.case .tit{ margin-bottom: 50px; }       
.case_con{position: relative;}

.case_con dt{ display: block;width: 960px;height: 496px; overflow: hidden;background: #000;}
.case_con dt img{ display: block;width: 960px;height: 496px; transition: all 0.5s; opacity: 0.6;}
.case_con dt:hover img{ transform: scale(1.05); }
.case_con dd{width: 700px;height: 180px;padding: 45px 40px 0 50px;box-sizing: border-box;background: #008753;margin-top: -106px;position: relative;z-index: 50;display: none;}
.case_con dd h3 a{display: block;float: left;width: 214px;height: 124px;font-size: 27px;line-height: 38px;color: #ffffff;font-weight: normal;margin-top: -6px;}
.case_con dd h3 a em{width: 110px;height: 36px;border:1px solid #fff;box-sizing: border-box;margin-top: 23px; font-size: 16px;color: #fff;line-height: 36px;font-family: Arial; display:block;transition: all 0.3s; text-align: center;  }
.case_con dd h3 a em:hover{ background: #fff;color: #008753; }
.case_con dd p{ float: left; width: 362px;font-size: 14px;line-height: 26px;color: #ffffff;border-left: 1px solid #2e9d72; padding-left: 30px;  }
.case_con .swiper-slide-active{ margin-left: 120px; }
.case_con .swiper-slide-active dt{ background: 0; }
.case_con .swiper-slide-active dt img{ opacity: 1; }
.case_con .swiper-slide-active dd{ display: block; }
.case_con .swiper-pagination{ width: 240px!important;height: 1px!important;background:#d9d9d9!important;position: absolute;right: 40px!important;top:550px!important;left:auto!important; }
.case_con .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #008753;height: 2px;top:-1px; }
.case_con .bprev{position: absolute;top: 430px;display:block;width: 52px;height: 52px;background:url(../image/bprev.png) no-repeat;right: 208px;z-index: 50;cursor: pointer;}
.case_con .bnext{position: absolute;top: 430px;display:block;width: 52px;height: 52px;background:url(../image/bnext.png) no-repeat;right: 150px;z-index: 50;cursor: pointer;}
.apple-pag{position: absolute;width: 320px;top: 540px;line-height: 24px;font-size: 20px;right: 0;}
.apple-pag em,.apple-pag span{display: inline-block;width: 26px;font-family: 'Arial';}
.apple-pag em{font-style: normal;float: right;}


.ys{ margin-top: 90px; }
.leit{width: 100%;display: block;height:600px;margin-top: 50px;}
.leit ul{width: 102%;}
.leit li{width: 25%;float: left;position: relative;cursor:pointer;height: 600px;border-right: 1px solid #fff;box-sizing: border-box;}
/*.leit li img{display: block;}*/
.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0,0,0,0.5);}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.shu2{left:0%;padding-top:210px;color: #fff;text-align: center;}

.shu2 h4{font-size:34px;color: #fff;font-weight: normal;height: 74px;line-height: 74px;position: relative;}
.shu2 h4:after{ position: absolute;left: 50%;height: 3px;bottom:0;width: 42px;background:#008753; content: ""; margin-left: -21px;}
.shu2 em{font-size:16px;color: #ffffff;height: 74px;line-height: 74px;}
.bock{width: 93%;position: absolute;left:4%;bottom:20px;color: #fff;opacity:0;height:170px;padding:15px 6% 0 7%;box-sizing: border-box;box-shadow: 5px 8px 12px rgba(0,0,0,0.06);z-index: 50;background: url(../image/ys_line.png) no-repeat 3% 35px #fff;}
.bock h3{font-size:22px;line-height: 70px;font-weight:normal;height: 70px;color: #1a1a1a;font-family: 'Microsoft Yahei', Arial;}
.bock h3 b{ display: inline-block;margin-right: 20px;font-size:32px;font-weight: bold; font-family: 'Microsoft Yahei', Arial;}
.bock p{font-size: 15px;color: #4c4c4c;line-height: 27px;}

@media screen and (max-width:1366px) {   
  .bock{height:220px;  }
    .bock h3{font-size:18px;font-family: 'Microsoft Yahei', Arial;}
    .bock h3 b{font-size:22px;margin-right:10px;font-family: 'Microsoft Yahei', Arial; }
}
@media screen and (min-width:1367px) and (max-width:1440px) {
         .bock{height:210px;  }
    .bock h3{font-size:20px;font-family: 'Microsoft Yahei', Arial;}
    .bock h3 b{font-size:28px;font-family: 'Microsoft Yahei', Arial; }
}

.news{ padding-top: 126px; }
.news_con{margin-top: 30px;}
.news_l{ float: left;width: 727px;}
.news_l ul{ margin-top: 18px; }
.news_l li a{ height: 40px;line-height: 40px;padding-left: 20px;position: relative;display: block;font-size: 16px;color: #333;}
.news_l li a em{ float: right;font-size: 14px;color: #888888;line-height: 40px;font-family: Arial;}
.news_l h2 a{display: block;height: 45px;display: block;padding-left:39px;font-weight: normal;position: relative;background: url(../image/news_ic1.png) no-repeat 0 6px;color: #000000;border-bottom: 1px solid #e3e3e3;font-size: 26px;}
.news_r h2 a{ display: block;height: 45px;display: block;padding-left:39px;font-weight: normal;position: relative;background: url(../image/news_ic2.png) no-repeat 0 8px;color: #000000;border-bottom: 1px solid #e3e3e3;font-size: 26px;}
.news_l h2 a em,.news_r h2 a em{ float: right;font-size:16px ;color: #808080;font-family: Arial;font-weight: normal;margin-top: 14px;}

.news1 dl{height: 144px;padding: 30px 0 0;}
.news1 dt{float: left;width: 77px;height: 144px;display: block; }
.news1 dt em{width: 60px;height: 30px;display: block;line-height: 30px;background: #008753;text-align: center;font-size: 18px;color: #fff; }
.news1 dd{ width: 650px;float: left;}
.news1 h3 a{font-size: 22px;color: #262626;line-height: 30px;padding: 0 0 12px;font-weight: normal;display: block;transition: all 0.3s;}
.news1 p{font-size: 14px;color: #666666;line-height: 26px;}
.news2 dl{height: 130px;padding: 20px 0;border-top: 1px dashed #c0bfbf;}
.news2 dt{float: left;width: 231px;height: 130px;display: block;overflow: hidden; }
.news2 dt img{width: 231px;height: 130px;display: block;transition: all 0.5s; }
.news2 dl:hover dt img{ transform: scale(1.05); }
.news2 dd{ width: 466px;float: left;height: 140px;margin-left: 30px;}
.news2 h3 a{font-size: 22px;color: #262626;line-height: 22px;padding: 25px 0 16px;font-weight: normal;display: block;transition: all 0.3s;}
.news2 p{font-size: 14px;color: #666666;line-height: 26px;}
.news2 h3 a:hover,.news_r ul li a:hover,.news1 dd h3 a:hover{ color: #008753; }


.news_r{ float: right;width: 397px;}
.news_r p img{ display: block;width: 397px;height: 170px;margin-top: 30px; }
.news_r ul li{padding-top: 18px;height: 100px;border-bottom: 1px dashed #c0bfbf;box-sizing: border-box;padding-left: 20px;background: url(../image/news_ic.png) no-repeat 0 21px;}
.news_r ul li a{font-size: 16px;color: #1a1a1a;line-height: 10px;padding: 0 0 11px;font-weight: normal;display: block;transition: all 0.3s;}
.news_r ul li em{font-size: 14px;color: #666666;line-height: 18px;display: block;}
/*abt*/
.abt{background: url(../image/abt.jpg) no-repeat center top;height: 760px;margin-top: 70px;}
.abt_con {padding-top: 630px;}
.abt_con p{ float: left;width: 900px; }
.abt_con p img{ display: block;width: 441px;height: 28px;margin: 0 0 5px; }
.abt_con p span{ display: block;font-size: 16px;color: #333333;line-height: 24px; }
.abt_con .more{ display: block;width: 137px;height: 36px;background: #008753;box-sizing: border-box;margin-top: 17px; font-size: 16px;color: #fff;line-height: 36px;font-family: Arial; display:block;text-align: center; float: right;transition: all 0.5s;margin-right:8px;}
.abt_con .more:hover{ width:145px; }


html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}